/* 过渡动画 横向渐变 */
.fade-transverse-leave-active,
.fade-transverse-enter-active {
    transition: all .5s;
}

.fade-transverse-enter {
    opacity: 0;
    transform: translateX(-120px);
}

.fade-transverse-leave-to {
    opacity: 0;
    transform: translateX(120px);
}

/* 过渡动画 缩放渐变 */
.fade-scale-leave-active,
.fade-scale-enter-active {
    transition: all .3s;
}

.fade-scale-enter {
    opacity: 0;
    transform: scale(1.2);
}

.fade-scale-leave-to {
    opacity: 0;
    transform: scale(0.8);
}

/* 折叠动画 */
.fade-zoom-in-top-enter-active,
.fade-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}
.fade-zoom-in-top-enter,
.fade-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}